<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美食报道</title>
		<style>
			body{font: "微软雅黑" "arial black";}
			img{max-width: 100%;}
			@media only screen and (min-width: 50em) {
				img{width: 700px;}
		</style>
	</head>
	<body bgcolor=#FFEFD5>
		<h1>美食报道</h1><hr>
		<p>这是我以前在《报纸编辑学》的课上所编写的美食报道，采访、拍摄、写稿、排版都是我独立完成的。</p>
        <p>如果有做得不好的地方，希望可以听到你的建议，谢谢~</p>
		<figure>
			<img src="美食报道.jpg" alt="美食报道">
		</figure>
		<figcaption>关于从化街口的美食报道</figcaption>
		<!--<figure>
			<img src="img/food2.jpg" alt="food">
		</figure>
		<figcaption>我喜欢吃的美食top2</figcaption>		-->
	</body>
</html>